<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<title>Blue Moon - Responsive Admin Dashboard</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Blue Moon - Responsive Admin Dashboard" />
<meta name="keywords"
	content="Notifications, Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap, bootstrap.gallery" />
<meta name="author" content="Bootstrap Gallery" />
<style type="text/css">
ul, ol, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
</style>


<link rel="shortcut icon" href="img/favicon.ico">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/new.css" rel="stylesheet">
<link href="css/charts-graphs.css" rel="stylesheet">
<!-- Datepicker CSS -->
<link rel="stylesheet" type="text/css" href="css/datepicker.css">

<link href="fonts/font-awesome.min.css" rel="stylesheet">


<!--日历-->
<link href='http://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="css/calender.css">

<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <!--时间-->
<!-- <script type="text/javascript" src="js/time.js"></script> -->
</head>

<body>
	<!-- 嵌入头部 -->
	<div th:include="common/header :: header"></div>
	<!-- Header End -->

	<!-- Main Container start -->
	<div class="dashboard-container">

		<div class="container">

			<!-- 嵌入顶部导航栏 -->
			<div th:replace="common/topnav :: topnav"></div>
			<!-- 顶部导航栏End -->

			<!-- 嵌入时间显示片段 -->
			<div th:replace="common/time :: time"></div>

			<!-- Dashboard Wrapper Start -->
			<div class="dashboard-wrapper-lg">
				<div class="row">

					<div class="col-lg-7" style="padding: 0px">
						<div class="widget">
							<div class="widget-header">
								<div class="title">资讯</div>
							</div>
							<div class="widget-body">
								<section class="carousel slide" id="shared_carousel"
									data-ride="carousel">
									<ol class="carousel-indicators">
										<li class="active" data-target="#shared_carousel"
											data-slide-to="0"></li>
										<li class="" data-target="#shared_carousel" data-slide-to="1"></li>
										<li class="" data-target="#shared_carousel" data-slide-to="2"></li>
										<li class="" data-target="#shared_carousel" data-slide-to="3"></li>
										<li class="" data-target="#shared_carousel" data-slide-to="3"></li>
									</ol>
									<div class="carousel-inner" role="listbox">
										<div class="item active" style="background-color: #ffffff;">
											<a
												href="http://finance.ifeng.com/a/20180418/16128440_0.shtml">
												<img class="img-responsive"
												src="img/01d4f2572f689432f875859b3b218a.jpg@2o.jpg"
												alt="...">
											</a>
											<div class="carousel-caption">
												<span class="subject"><h4>海南楼市大换档：调控很近，炒房很远</h4>
													4月13日，国家支持海南全岛建设自由贸易试验区，支持海南逐步探索、稳步推进中国特色自由贸易港建设的消息传出，因改革开放而兴旺的海南如今被国家和时代赋予新的使命。
												</span></a>
											</div>
										</div>
										<div class="item" style="background-color: #ffffe5;">
											<a href="http://www.sohu.com/a/226095754_117373"><img
												class="img-responsive"
												src="img/42333af8ba954ab3bb7b18e218812c43_th.jpg" alt="..."></a>
											<div class="carousel-caption">
												<span class="subject">
													<h4>北京楼市重大新闻！北京加入抢人大战</h4>
													3月21日，北京市人力资源和社会保障局官网悄然挂出一份文件：《北京市引进人才管理办法（试行）》。
												</span>
											</div>
										</div>
										<div class="item">
											<a
												href="http://bj.leju.com/news/2018-03-27/11216384237677767865195.shtml">
												<img class="img-responsive"
												src="img/20140204174229_EiK43.jpg" alt="...">
											</a>
											<div class="carousel-caption">
												<span class="subject">
													<h4>重磅新闻！美联储加息，国内楼市再迎利空？</h4>
													昨晚金融市场再次迎来重磅信息，美联储宣布加息25个点，而且表示未来将还会有两次加息的机会。很多人认为，美国加息对于中国楼市的影响甚微。但是，我们仔细思考之下，对于我们的影响还是颇大。
												</span>
											</div>
										</div>
										<div class="item">
											<a
												href="http://www.dzwww.com/xinwen/guoneixinwen/201804/t20180418_17278621.htm"><img
												class="img-responsive" src="img/zzzzzzzzzzzzzzz.jpg"
												alt="..."></a>
											<div class="carousel-caption">
												<span class="subject">
													<h4>统计局：3月楼市继续分化 整体房价下行态势没有改变</h4>
													央广网北京4月18日消息（记者张棉棉）据中国之声《全国新闻联播》报道，国家统计局今天（18日）公布，一季度，全国工业产能利用率为76.5%，比上年同期回升0.7个百分点，去产能效果显著；3月楼市继续分化，整体房价下行态势没有改变。
												</span>
											</div>
										</div>
										<div class="item">
											<a
												href="http://www.chinanews.com/house/2018/04-18/8493498.shtml">
												<img class="img-responsive" src="img/EEEEEE.jpg" alt="...">
											</a>
											<div class="carousel-caption">
												<span class="subject">
													<h4>一二线城市住宅地价环比增幅回落 房地产投机受遏制</h4>
													4月17日，中国土地勘测规划院在京举办2017年暨2018年第一季度全国主要城市地价动态监测成果发布会。据监测统计，2018年一季度全国主要监测城市延续去年整体趋势，综合地价温和上行，住宅地价环比增幅持续回落。
												</span>
											</div>
										</div>

									</div>
									<a class="left carousel-control " data-slide="prev"
										href="#shared_carousel" role="button"> </a> <a
										class="right carousel-control " data-slide="next"
										href="#shared_carousel" role="button"> </a>
								</section>
							</div>
						</div>
					</div>

					<div class="col-lg-5">
						<iframe src="http://i.tianqi.com/index.php?c=code&id=13"
							width="650" height="230" frameborder="0" marginwidth="0"
							marginheight="0" scrolling="no"></iframe>
						</iframe>

						<div class="widget">
							<div class="widget-header">
								<div class="title">日历</div>
							</div>
							<div class="widget-body" style="width: 620px; height: 330px;">
								<div id="demo">
									<div id="ca"></div>
								</div>
							</div>
						</div>


					</div>
				</div>
			</div>
			<footer>
				<p>© BlueMoon 2013-15</p>
			</footer>

		</div>
	</div>
	<!-- Main Container end -->

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.scrollUp.js"></script>

	<!-- jQuery UI JS -->
	<script src="js/jquery-ui-v1.10.3.js"></script>

	<!-- Just Gage -->
	<script src="js/justgage/justgage.js"></script>
	<script src="js/justgage/raphael.2.1.0.min.js"></script>

	<!-- Flot Charts -->
	<script src="js/flot/jquery.flot.js"></script>
	<script src="js/flot/jquery.flot.orderBar.min.js"></script>
	<script src="js/flot/jquery.flot.stack.min.js"></script>
	<script src="js/flot/jquery.flot.pie.min.js"></script>
	<script src="js/flot/jquery.flot.tooltip.min.js"></script>
	<script src="js/flot/jquery.flot.resize.min.js"></script>

	<!-- Custom JS -->
	<script src="js/menu.js"></script>
	<script src="js/custom-index2.js"></script>


	<!-- 日期效果-->
	<script src="js/jquery.js"></script>
	<script src="js/calendar.js"></script>



	<script type="text/javascript">
		//ScrollUp
		$(function() {
			$.scrollUp({
				scrollName : 'scrollUp', // Element ID
				topDistance : '300', // Distance from top before showing element (px)
				topSpeed : 300, // Speed back to top (ms)
				animation : 'fade', // Fade, slide, none
				animationInSpeed : 400, // Animation in speed (ms)
				animationOutSpeed : 400, // Animation out speed (ms)
				scrollText : 'Top', // Text for element
				activeOverlay : false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
			});
		});
	</script>

	<script>
		$('#ca').calendar({
			width : 650,
			height : 300,
			data : [ {
				date : '2017/12/24',
				value : 'Christmas Eve'
			}, {
				date : '2017/12/25',
				value : 'Merry Christmas'
			}, {
				date : '2017/01/01',
				value : 'Happy New Year'
			} ],
			onSelected : function(view, date, data) {
				console.log('view:' + view)
				alert('date:' + date)
				console.log('data:' + (data || 'None'));
			}
		});

		$('#dd').calendar({
			trigger : '#dt',
			zIndex : 999,
			format : 'yyyy-mm-dd',
			onSelected : function(view, date, data) {
				console.log('event: onSelected')
			},
			onClose : function(view, date, data) {
				console.log('event: onClose')
				console.log('view:' + view)
				console.log('date:' + date)
				console.log('data:' + (data || 'None'));
			}
		});
	</script>

	<!-- <script>
    //时间
    function fn(){
        var time = new Date();
        var str= "";
        var div = document.getElementById("time");
//    console.log(time);
        var year = time.getFullYear();
        var mon = time.getMonth()+1;
        var day = time.getDate();
        var h = time.getHours();
        var m = time.getMinutes();
        var s = time.getSeconds();
        var week = time.getDay();
        switch (week){
            case 0:week="日";
                break;
            case 1:week="一";
                break;
            case 2:week="二";
                break;
            case 3:week="三";
                break;
            case 4:week="四";
                break;
            case 5:week="五";
                break;
            case 6:week="六";
                break;
        }
        str = year +"年"+totwo(mon)+"月"+totwo(day)+"日"+"&nbsp;"+totwo(h)+":"+totwo(m)+":"+totwo(s)+"&nbsp;"+"星期"+week;
        div.innerHTML = str;
    }
    fn();
    setInterval(fn,1000);
    function totwo(n){
        if(n<=9){
            return n = "0"+n;
        }
        else{
            return n =""+n;
        }
    }
</script> -->

</body>
</html>